<template>
    <div class="demo-container">
        <div class="left-box">
                <file/>
                <info/>
                <tableList/>
                <div class="bottom-box">
                    <el-button type="primary" @click="open1">导出量化结果</el-button>
                    <el-button type="primary" plain @click="open2">导出分割结果</el-button>
                </div>
        </div>
        <div class="right-box">
                <original/>
        </div>

   </div>
</template>

<script>
import file from './compenent/file.vue'
import original from './compenent/original.vue'
import tableList from './compenent/tableList.vue'
import info from './compenent/info.vue'
    export default{
        components:{
            file,original,tableList,info
        },
        name: 'anaylics-index',
        data (){
            return {
            }
        },
        methods:{
            open1() {
                this.$notify({
                title: '导出成功',
                message: '导出量化结果成功',
                type: 'success'
                //  position: 'top-left'
                });
                },
            
            open2() {
                this.$notify({
                title: '导出成功',
                message: '导出分割结果成功',
                type: 'success'
                });
            }
         }
    }
</script>
<style lang="less" scoped>
.demo-container{
    display: flex;
    width: 80%;
    height: 730px;
    background-color:aliceblue;
    margin: 5px auto;
    padding: 15px;
    border-radius: 5px;
    box-shadow:2px 2px 3px #b9bcc3;
    .left-box{
        width: 50%;
    }
    .right-box{
        width: 50%;
    }
    .bottom-box{
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        margin-top: 2vh;
        .el-button{
            box-shadow: 1px 1px 2px ;
        }
    }
}
</style>